<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=2"><meta name="theme-color" content="#222"><meta name="generator" content="Hexo 5.4.0"><link rel="apple-touch-icon" sizes="180x180" href="/images/avatar32.png"><link rel="icon" type="image/png" sizes="32x32" href="/images/avatar32.png"><link rel="icon" type="image/png" sizes="16x16" href="/images/avatar32.png"><link rel="mask-icon" href="/images/avatar.ico" color="#222"><link rel="stylesheet" href="/css/main.css"><link rel="stylesheet" href="//fonts.loli.net/css?family=EB Garamond:300,300italic,400,400italic,700,700italic|Cinzel Decorative:300,300italic,400,400italic,700,700italic|Source Code Pro:300,300italic,400,400italic,700,700italic&display=swap&subset=latin,latin-ext"><link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css"><link rel="stylesheet" href="//cdn.jsdelivr.net/npm/pace-js@1/themes/blue/pace-theme-minimal.css"><script src="//cdn.jsdelivr.net/npm/pace-js@1/pace.min.js"></script><script id="hexo-configurations">var NexT=window.NexT||{},CONFIG={root:"/",scheme:"Muse",version:"7.8.0",exturl:!1,sidebar:{position:"right",width:200,display:"post",padding:18,offset:12,onmobile:!1},copycode:{enable:!0,show_result:!1,style:"default"},back2top:{enable:!0,sidebar:!0,scrollpercent:!0},bookmark:{enable:!1,color:"#222",save:"auto"},fancybox:!1,mediumzoom:!0,lazyload:!1,pangu:!1,algolia:{appID:"",apiKey:"",indexName:"",hits:{per_page:10},labels:{input_placeholder:"Search for Posts",hits_empty:"We didn't find any results for the search: ${query}",hits_stats:"${hits} results found in ${time} ms"}},localsearch:{enable:!0,trigger:"auto",top_n_per_article:1,unescape:!1,preload:!1},path:"search.xml",motion:{enable:!0,async:!1,transition:{post_block:"fadeIn",post_header:"slideDownIn",post_body:"slideDownIn",coll_header:"slideLeftIn",sidebar:"slideRightIn"}},sidebarPadding:40}</script><script data-ad-client="ca-pub-1414767122267457" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><meta name="description" content="一起滚月球吧·"><meta property="og:type" content="website"><meta property="og:title" content="人间且慢行"><meta property="og:url" content="http://yoursite.com/page/5/index.html"><meta property="og:site_name" content="人间且慢行"><meta property="og:description" content="一起滚月球吧·"><meta property="og:locale" content="zh_CN"><meta property="article:author" content="我的名字"><meta name="twitter:card" content="summary"><link rel="canonical" href="http://yoursite.com/page/5/"><script id="page-configurations">CONFIG.page={sidebar:"",isHome:!0,isPost:!1,lang:"zh-CN"}</script><link href="https://fonts.loli.net/css?family=Noto+Serif+SC:400,500,700&display=swap&subset=chinese-simplified" rel="stylesheet"><link href="https://fonts.loli.net/css?family=EB+Garamond:400,500,700&display=swap" rel="stylesheet"><link href="https://fonts.loli.net/css?family=Cinzel+Decorative&display=swap" rel="stylesheet"><link href="https://fonts.loli.net/css?family=Source+Code+Pro&display=swap" rel="stylesheet"><title>人间且慢行</title><script async src="https://www.googletagmanager.com/gtag/js?id=UA-168149316-1"></script><script data-pjax>function gtag(){dataLayer.push(arguments)}CONFIG.hostname===location.hostname&&(window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-168149316-1"))</script><noscript><style>.sidebar-inner,.use-motion .brand,.use-motion .collection-header,.use-motion .comments,.use-motion .menu-item,.use-motion .pagination,.use-motion .post-block,.use-motion .post-body,.use-motion .post-header{opacity:initial}.use-motion .site-subtitle,.use-motion .site-title{opacity:initial;top:initial}.use-motion .logo-line-before i{left:initial}.use-motion .logo-line-after i{right:initial}</style></noscript></head><body itemscope itemtype="http://schema.org/WebPage"><div class="container use-motion"><div class="headband"></div><header class="header" itemscope itemtype="http://schema.org/WPHeader"><div class="header-inner"><div class="site-brand-container"><div class="site-nav-toggle"><div class="toggle" aria-label="切换导航栏"><span class="toggle-line toggle-line-first"></span> <span class="toggle-line toggle-line-middle"></span> <span class="toggle-line toggle-line-last"></span></div></div><div class="site-meta"><a href="/" class="brand" rel="start"><span class="logo-line-before"><i></i></span><h1 class="site-title">人间且慢行</h1><span class="logo-line-after"><i></i></span></a></div><div class="site-nav-right"><div class="toggle popup-trigger"><i class="fa fa-search fa-fw fa-lg"></i></div></div></div><nav class="site-nav"><ul id="menu" class="menu"><li class="menu-item menu-item-home"><a href="/" rel="section"><i class="fa fa-fw fa-home"></i>首页</a></li><li class="menu-item menu-item-tags"><a href="/tags/" rel="section"><i class="fa fa-fw fa-tags"></i>标签</a></li><li class="menu-item menu-item-categories"><a href="/categories/" rel="section"><i class="fa fa-fw fa-th"></i>分类</a></li><li class="menu-item menu-item-archives"><a href="/archives/" rel="section"><i class="fa fa-fw fa-archive"></i>归档</a></li><li class="menu-item menu-item-search"><a role="button" class="popup-trigger"><i class="fa fa-search fa-fw"></i>搜索</a></li></ul></nav><div class="search-pop-overlay"><div class="popup search-popup"><div class="search-header"><span class="search-icon"><i class="fa fa-search"></i></span><div class="search-input-container"><input autocomplete="off" autocapitalize="off" placeholder="搜索..." spellcheck="false" type="search" class="search-input"></div><span class="popup-btn-close"><i class="fa fa-times-circle"></i></span></div><div id="search-result"><div id="no-result"><i class="fa fa-spinner fa-pulse fa-5x fa-fw"></i></div></div></div></div></div></header><a href="https://github.com/linxiaoki" class="github-corner" title="Follow me on GitHub" aria-label="Follow me on GitHub" rel="noopener" target="_blank"><svg style="fill:#008b8b" width="80" height="80" viewBox="0 0 250 250" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin:130px 106px" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><main class="main"><div class="main-inner"><div class="content-wrap"><div class="content index posts-expand"><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="http://yoursite.com/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E9%97%AE%E9%A2%98%E6%95%B4%E7%90%86/vue-%E9%97%AE%E9%A2%98%E9%9B%86/%E8%BD%AC%E8%BD%BD2%EF%BC%9Av-model-%E8%AF%A6%E8%A7%A3/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E9%97%AE%E9%A2%98%E6%95%B4%E7%90%86/vue-%E9%97%AE%E9%A2%98%E9%9B%86/%E8%BD%AC%E8%BD%BD2%EF%BC%9Av-model-%E8%AF%A6%E8%A7%A3/" class="post-title-link" itemprop="url">转载2：v-model 详解</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/07/25 00:00:00" itemprop="dateCreated datePublished" datetime="2019-07-25T00:00:00+08:00">2019/07/25</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-check-o"></i> </span><span class="post-meta-item-text">更新于</span> <time title="修改时间：2019/07/31 00:00:00" itemprop="dateModified" datetime="2019-07-31T00:00:00+08:00">2019/07/31</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/" itemprop="url" rel="index"><span itemprop="name">有道云笔记-搬</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E9%97%AE%E9%A2%98%E6%95%B4%E7%90%86/" itemprop="url" rel="index"><span itemprop="name">问题整理</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E9%97%AE%E9%A2%98%E6%95%B4%E7%90%86/vue-%E9%97%AE%E9%A2%98%E9%9B%86/" itemprop="url" rel="index"><span itemprop="name">vue 问题集</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>1.9k</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>2 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><h4 id="v-model用在input元素上时"><a href="#v-model用在input元素上时" class="headerlink" title="v-model用在input元素上时"></a><code>v-model</code>用在<code>input</code>元素上时</h4><p><code>v-model</code>是语法糖。</p><figure class="highlight excel"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">&lt;input v-model=<span class="string">&quot;sth&quot;</span>/&gt;</span><br><span class="line">=&gt;  &lt;input <span class="symbol">:va</span>lue=<span class="string">&quot;sth&quot;</span> @input=<span class="string">&quot;sth=$event.target.value&quot;</span> /&gt;</span><br><span class="line"></span><br></pre></td></tr></table></figure><p>&emsp;&emsp;<code>input</code>元素本身有个 <code>oninput</code>事件，<br>每当输入框内容发生变化时，就会触发 <code>oninput</code>，把最新的 <code>value</code> 传给 <code>sth</code>。<br><br>&emsp;&emsp;所以，在添加<code>v-model</code>属性时，默认会把<code>value</code>作为元素的属性，然后把<code>input</code>事件作为实时传递<code>value</code>的触发事件。</p><h4 id="v-model用在组件上时"><a href="#v-model用在组件上时" class="headerlink" title="v-model用在组件上时"></a><code>v-model</code>用在组件上时</h4><p>父组件的<code>price</code>初始值是100，传入子组件后，更改子组件的值能实时更新父组件的<code>price</code></p><div class="post-button"><a class="btn" href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E9%97%AE%E9%A2%98%E6%95%B4%E7%90%86/vue-%E9%97%AE%E9%A2%98%E9%9B%86/%E8%BD%AC%E8%BD%BD2%EF%BC%9Av-model-%E8%AF%A6%E8%A7%A3/#more" rel="contents">阅读全文 &raquo;</a></div></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="http://yoursite.com/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/Linux%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B%E7%AC%94%E8%AE%B0/linux%E4%BD%BF%E7%94%A8%EF%BC%9Avim%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/Linux%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B%E7%AC%94%E8%AE%B0/linux%E4%BD%BF%E7%94%A8%EF%BC%9Avim%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/" class="post-title-link" itemprop="url">Linux使用：Vim常用命令</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/07/24 00:00:00" itemprop="dateCreated datePublished" datetime="2019-07-24T00:00:00+08:00">2019/07/24</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-check-o"></i> </span><span class="post-meta-item-text">更新于</span> <time title="修改时间：2019/08/20 00:00:00" itemprop="dateModified" datetime="2019-08-20T00:00:00+08:00">2019/08/20</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/" itemprop="url" rel="index"><span itemprop="name">有道云笔记-搬</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/Linux%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">Linux基础教程笔记</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>1.6k</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>1 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><h5 id="多文件编辑"><a href="#多文件编辑" class="headerlink" title="多文件编辑"></a>多文件编辑</h5><p>操作</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line">c <span class="comment">#c 是“修改(change)”（即删除后进入插入模式），后面可以接一个移动命令</span></span><br><span class="line">cw  <span class="comment">#删除一个单词并进入插入模式</span></span><br><span class="line">c2w 或者 2cw  <span class="comment">#删除两个单词并进入插入模式</span></span><br><span class="line"></span><br><span class="line">ctrl + h/w/u   <span class="comment">#删除前一个字符，前一个单词，前一行</span></span><br><span class="line"></span><br><span class="line"></span><br><span class="line">w/W   <span class="comment">#下一个单词开头</span></span><br><span class="line">e/E   <span class="comment"># 下一个单词结尾 </span></span><br><span class="line">b/B     <span class="comment">#上一个单词开头</span></span><br><span class="line">0/^    <span class="comment"># 行头</span></span><br><span class="line">$/g_  <span class="comment">#  行末</span></span><br></pre></td></tr></table></figure><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment">#区块操作( visual block )</span></span><br><span class="line">v V  ctrl+v  y p</span><br><span class="line">-------</span><br><span class="line"></span><br><span class="line"><span class="comment">#文本还原为打开时的文件</span></span><br><span class="line">:e!</span><br><span class="line"><span class="comment">#打开新文件</span></span><br><span class="line">:e &lt;path/to/file&gt; </span><br><span class="line"></span><br><span class="line"><span class="comment">#文件切换</span></span><br><span class="line">vim hosts /etc/hosts</span><br><span class="line">:n</span><br><span class="line">:N</span><br><span class="line">:files</span><br><span class="line">----------</span><br><span class="line"></span><br><span class="line"><span class="comment">#多窗口1</span></span><br><span class="line">vim -o/O [file1] [file2]   <span class="comment">#o后面可以加数字</span></span><br><span class="line"></span><br><span class="line"><span class="comment">#多窗口2</span></span><br><span class="line">:sp &#123;otherfilename&#125;</span><br><span class="line">:vsp &#123;otherfilename&#125;</span><br><span class="line">[ctrl]+w+j    [ctrl]+w+k</span><br><span class="line">[ctrl]+w+r  <span class="comment">#位置交换</span></span><br><span class="line"></span><br><span class="line"><span class="comment">#新建窗口</span></span><br><span class="line">:split</span><br><span class="line">:vsplit</span><br><span class="line"></span><br><span class="line"><span class="comment">#新开打开相同文件</span></span><br><span class="line">[ctrl]+w+s</span><br></pre></td></tr></table></figure><h5 id="替换"><a href="#替换" class="headerlink" title="替换"></a>替换</h5><figure class="highlight awk"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="number">1</span>,<span class="variable">$s</span><span class="regexp">/word1/</span>word2/g 或</span><br><span class="line">:<span class="number">1</span>,<span class="variable">$s</span><span class="regexp">/word1/</span>word2/gc （需要使用者确认）</span><br></pre></td></tr></table></figure><h5 id="文字补齐"><a href="#文字补齐" class="headerlink" title="文字补齐"></a>文字补齐</h5><figure class="highlight angelscript"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line"><span class="string">[ctrl]</span>+x+n    文件的内容文字</span><br><span class="line"><span class="string">[ctrl]</span>+x+f     当前目录的文件名</span><br><span class="line"><span class="string">[ctrl]</span>+x+o   vim内置的关键字</span><br></pre></td></tr></table></figure><h5 id="写过的命令记录"><a href="#写过的命令记录" class="headerlink" title="写过的命令记录"></a>写过的命令记录</h5><figure class="highlight haml"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">~/.viminfo</span><br></pre></td></tr></table></figure><h5 id="环境设置参数"><a href="#环境设置参数" class="headerlink" title="环境设置参数"></a>环境设置参数</h5><figure class="highlight apache"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="attribute">nu</span>,nonu,hlsearch,nohlsearch,autoindent,noautoindent,backup,nobackup,ruler,showmode,backspace(<span class="number">0</span>/<span class="number">1</span>/<span class="number">2</span>),<span class="literal">all</span>,syntax <span class="literal">on</span>/<span class="literal">off</span>,bg=dark/light</span><br></pre></td></tr></table></figure><img src="#tva3.sinaimg.cn/large/005zbIM7ly1g5azdfj5czj30me0eb0yt.jpg" alt="img"> ##### 配置文件 `~/.vimrc`和`/etc/vimrc` &emsp;&emsp;最好再修改`~/.vimrc`文件(需先创建)<figure class="highlight routeros"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br></pre></td><td class="code"><pre><span class="line"><span class="string">&quot;文件内容</span></span><br><span class="line"><span class="string">set hlsearch &quot;</span>高亮度反白</span><br><span class="line"><span class="builtin-name">set</span> <span class="attribute">backspace</span>=2 <span class="string">&quot;可随时用倒退键删除</span></span><br><span class="line"><span class="string">set autoindent &quot;</span>自动缩排</span><br><span class="line"><span class="builtin-name">set</span> ruler <span class="string">&quot;可显示最后一列的状态</span></span><br><span class="line"><span class="string">set showmode &quot;</span>左下角那一列的状态<span class="builtin-name">set</span> nu <span class="string">&quot;可以在每一列的最前面显示行号啦！</span></span><br><span class="line"><span class="string">set bg=dark &quot;</span>显示不同的底色色调</span><br><span class="line">syntax on <span class="string">&quot;进行语法检验，颜色显示。</span></span><br><span class="line"><span class="string"></span></span><br><span class="line"><span class="string"></span></span><br><span class="line"><span class="string">&quot;</span><span class="builtin-name">set</span> by K</span><br><span class="line"><span class="builtin-name">set</span> <span class="attribute">ts</span>=4</span><br><span class="line"><span class="builtin-name">set</span> expandtab</span><br><span class="line"><span class="builtin-name">set</span> autoindent</span><br></pre></td></tr></table></figure>##### 编码问题 - 配置文件 `/etc/locale.conf` - bash的语系:`LANG,LC_ALL` - `LANG=zh_TW.big5` 台湾big5？ - `export LC_ALL=zh_TW.big5` - 文件的编码 - 打开终端机的软件(主要是它和文件编码是否一致)<br>`utf8` 和 `big5` ##### 编码转换 9.4.3<h5 id="DOS-与-Linux-的断行字符"><a href="#DOS-与-Linux-的断行字符" class="headerlink" title="DOS 与 Linux 的断行字符"></a>DOS 与 Linux 的断行字符</h5><p><strong>enter</strong>:<br>在windows创建的文件的换行：CR与LF （^M$）<br>Linux:LF ($)<br><br><strong>解决办法：</strong></p><figure class="highlight awk"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment">#通过光盘安装需要的软件：</span></span><br><span class="line">su   <span class="comment">#用户为root</span></span><br><span class="line">mount <span class="regexp">/devsr0 /m</span>nt    <span class="comment">#挂载</span></span><br><span class="line">rpm -ivh <span class="regexp">/mnt/</span>Packages/dos2unix-*</span><br><span class="line"><span class="comment">#.......</span></span><br><span class="line">unmount /mnt</span><br><span class="line"><span class="keyword">exit</span></span><br><span class="line"><span class="comment">#--------------</span></span><br><span class="line"><span class="comment">#判断是什么断行</span></span><br><span class="line">file [file]</span><br><span class="line"></span><br><span class="line"><span class="comment">#使用</span></span><br><span class="line">dos2unix [-kn] file [newfile]</span><br><span class="line">unix2dos [-kn] file [newfile]</span><br><span class="line"><span class="comment"># -k: 不改时间</span></span><br><span class="line"><span class="comment"># -n:保留旧文件，输出新文件到newfile</span></span><br><span class="line"></span><br></pre></td></tr></table></figure></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="http://yoursite.com/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/Linux%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B%E7%AC%94%E8%AE%B0/linux%E4%BD%BF%E7%94%A8%EF%BC%9A%E6%96%87%E4%BB%B6%E4%B8%8E%E6%96%87%E4%BB%B6%E7%B3%BB%E7%BB%9F%E7%9A%84%E5%8E%8B%E7%BC%A9%E3%80%81%E6%89%93%E5%8C%85%E4%B8%8E%E5%A4%87%E4%BB%BD/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/Linux%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B%E7%AC%94%E8%AE%B0/linux%E4%BD%BF%E7%94%A8%EF%BC%9A%E6%96%87%E4%BB%B6%E4%B8%8E%E6%96%87%E4%BB%B6%E7%B3%BB%E7%BB%9F%E7%9A%84%E5%8E%8B%E7%BC%A9%E3%80%81%E6%89%93%E5%8C%85%E4%B8%8E%E5%A4%87%E4%BB%BD/" class="post-title-link" itemprop="url">Linux使用：文件与文件系统的压缩、打包与备份</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/07/24 00:00:00" itemprop="dateCreated datePublished" datetime="2019-07-24T00:00:00+08:00">2019/07/24</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-check-o"></i> </span><span class="post-meta-item-text">更新于</span> <time title="修改时间：2019/08/12 00:00:00" itemprop="dateModified" datetime="2019-08-12T00:00:00+08:00">2019/08/12</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/" itemprop="url" rel="index"><span itemprop="name">有道云笔记-搬</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/Linux%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">Linux基础教程笔记</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>877</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>1 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><h4 id="8-2-Linux系统的压缩指令"><a href="#8-2-Linux系统的压缩指令" class="headerlink" title="8.2 Linux系统的压缩指令"></a>8.2 Linux系统的压缩指令</h4><p>&emsp;&emsp;压缩文件扩展名:<code>*.tar,*.tar.gz,*.tgz,*.gz,*.Z,*.xz</code><br><br>&emsp;&emsp;一般需要先用<code>tar</code>将许多文件打包成一个文件，再进行压缩。(因为<code>gzip</code>、<code>bzip2</code>、<code>xz</code>一次只能针对一个文件来压缩和解压缩)。</p><ul><li><code>gzip</code><ul><li>后缀：<code>*.gz</code></li><li>可以解开：<code>compress,zip,gzip</code>压缩的文件(<code>*.Z,*.zip,*.gz</code>)</li><li><code>gzip [-cdtv#]</code> 文件名<ul><li><code>-c</code>:将压缩的数据输出到屏幕上</li><li><code>-d</code>:解压缩的参数</li><li><code>-t</code>:检验压缩文件的一致性（压缩文件是否错误）</li><li><code>-v</code>:显示压缩比信息</li><li><code>-#</code>:压缩等级，-1最快，压缩比最差，默认-6</li></ul></li><li>！压缩后原文件不存在了</li><li>范例<ul><li><code>ls -ldSr /etc/*</code> 只显示目录，从小到大排序</li><li><code>gzip -v &#123;filename&#125;</code></li><li><code>zcat/zmore/zless &#123;*.gz&#125;</code> 查看解压缩后的文件内容</li><li><code>gzip -d &#123;*.gz&#125;</code> 解压缩后删除压缩文件</li><li><code>gzip -9 -c &#123;filename&#125; &gt; &#123;*.gz&#125;</code> (最好的压缩比)压缩并保留原文件</li><li><code>zgrep -n &#39;&#123;find_word&#125;&#39; &#123;*.gzip&#125;</code> 查找压缩文件中，字符在第几行</li></ul></li></ul></li><li><code>bzip2</code> <code>-k</code> 保留原始文件<div class="post-button"><a class="btn" href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/Linux%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B%E7%AC%94%E8%AE%B0/linux%E4%BD%BF%E7%94%A8%EF%BC%9A%E6%96%87%E4%BB%B6%E4%B8%8E%E6%96%87%E4%BB%B6%E7%B3%BB%E7%BB%9F%E7%9A%84%E5%8E%8B%E7%BC%A9%E3%80%81%E6%89%93%E5%8C%85%E4%B8%8E%E5%A4%87%E4%BB%BD/#more" rel="contents">阅读全文 &raquo;</a></div></li></ul></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="http://yoursite.com/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E9%97%AE%E9%A2%98%E6%95%B4%E7%90%86/vue-%E9%97%AE%E9%A2%98%E9%9B%86/%E8%BD%AC%E8%BD%BD1-javascript%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E8%A7%82%E5%AF%9F%E8%80%85%E6%A8%A1%E5%BC%8F/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E9%97%AE%E9%A2%98%E6%95%B4%E7%90%86/vue-%E9%97%AE%E9%A2%98%E9%9B%86/%E8%BD%AC%E8%BD%BD1-javascript%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E8%A7%82%E5%AF%9F%E8%80%85%E6%A8%A1%E5%BC%8F/" class="post-title-link" itemprop="url">转载1-JavaScript设计模式-观察者模式</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/07/23 00:00:00" itemprop="dateCreated datePublished" datetime="2019-07-23T00:00:00+08:00">2019/07/23</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/" itemprop="url" rel="index"><span itemprop="name">有道云笔记-搬</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E9%97%AE%E9%A2%98%E6%95%B4%E7%90%86/" itemprop="url" rel="index"><span itemprop="name">问题整理</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E9%97%AE%E9%A2%98%E6%95%B4%E7%90%86/vue-%E9%97%AE%E9%A2%98%E9%9B%86/" itemprop="url" rel="index"><span itemprop="name">vue 问题集</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>875</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>1 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><p>观察者模式也可以称为订阅模式，是一种从发布，到订阅，再到通知的过程。</p><h4 id="什么是观察者模式？"><a href="#什么是观察者模式？" class="headerlink" title="什么是观察者模式？"></a>什么是观察者模式？</h4><p>&emsp;&emsp;观察者模式定义了一个对象一对多的关系，让多个观察者同时监听一个大对象，当一个大对象发生变化时，所有依赖它的对象都会得到通知。</p><h4 id="观察者模式的过程"><a href="#观察者模式的过程" class="headerlink" title="观察者模式的过程"></a>观察者模式的过程</h4><p>&emsp;&emsp;五个模块：发布者，发布列表，增加订阅者，发布消息，订阅者收到订阅消息。</p><ul><li><p>发布者</p><figure class="highlight actionscript"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">var</span> obj=&#123;&#125;   <span class="comment">//发布者</span></span><br></pre></td></tr></table></figure></li><li><p>发布列表</p><figure class="highlight awk"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">obj.list=[]  <span class="regexp">//</span>发布列表</span><br></pre></td></tr></table></figure><div class="post-button"><a class="btn" href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E9%97%AE%E9%A2%98%E6%95%B4%E7%90%86/vue-%E9%97%AE%E9%A2%98%E9%9B%86/%E8%BD%AC%E8%BD%BD1-javascript%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-%E8%A7%82%E5%AF%9F%E8%80%85%E6%A8%A1%E5%BC%8F/#more" rel="contents">阅读全文 &raquo;</a></div></li></ul></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="http://yoursite.com/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/6-%E8%A1%A8%E5%8D%95%E4%B8%8Ev-model/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/6-%E8%A1%A8%E5%8D%95%E4%B8%8Ev-model/" class="post-title-link" itemprop="url">6-表单与v-model</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/07/21 00:00:00" itemprop="dateCreated datePublished" datetime="2019-07-21T00:00:00+08:00">2019/07/21</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/" itemprop="url" rel="index"><span itemprop="name">有道云笔记-搬</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">《Vue.js 实战》笔记</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>3.1k</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>3 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><h4 id="6-1-2-基本用法-绑定值"><a href="#6-1-2-基本用法-绑定值" class="headerlink" title="6.1+2 基本用法+绑定值"></a>6.1+2 基本用法+绑定值</h4><p>v-model，用于在表单类元素上双向绑定数据</p><ul><li>输入框<figure class="highlight css"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="selector-tag">input</span><span class="selector-attr">[type=<span class="string">&quot;text&quot;</span>]</span>  或者 <span class="selector-tag">textarea</span></span><br><span class="line"><span class="selector-tag">input</span><span class="selector-attr">[type=<span class="string">&quot;text&quot;</span>]</span><span class="selector-attr">[v-model=<span class="string">&quot;message&quot;</span>]</span><span class="selector-attr">[placeholder=<span class="string">&quot;输入...&quot;</span>]</span></span><br><span class="line">data:&#123;message:<span class="string">&#x27;&#x27;</span>&#125;</span><br><span class="line">+++++++++++++++++++++++++++++</span><br><span class="line"><span class="selector-tag">textarea</span><span class="selector-attr">[v-model=text]</span><span class="selector-attr">[placeholder=<span class="string">&quot;输入...&quot;</span>]</span></span><br><span class="line">data:&#123;message:<span class="string">&#x27;&#x27;</span>&#125;</span><br></pre></td></tr></table></figure>其他：<ul><li>使用v-model后，表单控件显示的值不再关心初始化时的<code>value</code>属性.</li><li>如果希望在拼音阶段实时更新数据，应该用<code>@input</code>替代<code>v-model</code></li></ul></li><li>单选按钮<div class="post-button"><a class="btn" href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/6-%E8%A1%A8%E5%8D%95%E4%B8%8Ev-model/#more" rel="contents">阅读全文 &raquo;</a></div></li></ul></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="http://yoursite.com/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/7-%E7%BB%84%E4%BB%B6%E8%AF%A6%E8%A7%A3/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/7-%E7%BB%84%E4%BB%B6%E8%AF%A6%E8%A7%A3/" class="post-title-link" itemprop="url">7-组件详解</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/07/21 00:00:00" itemprop="dateCreated datePublished" datetime="2019-07-21T00:00:00+08:00">2019/07/21</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-check-o"></i> </span><span class="post-meta-item-text">更新于</span> <time title="修改时间：2019/07/29 00:00:00" itemprop="dateModified" datetime="2019-07-29T00:00:00+08:00">2019/07/29</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/" itemprop="url" rel="index"><span itemprop="name">有道云笔记-搬</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">《Vue.js 实战》笔记</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>10k</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>9 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><h4 id="7-1-组件与复用"><a href="#7-1-组件与复用" class="headerlink" title="7.1 组件与复用"></a>7.1 组件与复用</h4><ul><li><p>注册</p><ul><li>全局注册<figure class="highlight applescript"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">Vue.component(&#x27;<span class="keyword">my</span>-component-<span class="built_in">name</span>&#x27;,&#123;</span><br><span class="line">    template:&#x27;&lt;<span class="keyword">div</span>&gt;模板&lt;/<span class="keyword">div</span>&gt;&#x27;</span><br><span class="line">&#125;);</span><br></pre></td></tr></table></figure></li><li>局部注册<figure class="highlight ebnf"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br></pre></td><td class="code"><pre><span class="line"><span class="attribute">var Chile</span>=&#123;</span><br><span class="line">    template:<span class="string">&#x27;&lt;div&gt;模板&lt;/div&gt;&#x27;</span></span><br><span class="line">&#125;;</span><br><span class="line"><span class="attribute">var app</span>=new Vue(&#123;</span><br><span class="line">   el:<span class="string">&#x27;#app&#x27;</span>,</span><br><span class="line">   components:&#123;</span><br><span class="line">       <span class="string">&#x27;my-component&#x27;</span>:Child</span><br><span class="line">   &#125;</span><br><span class="line">&#125;);</span><br></pre></td></tr></table></figure></li></ul></li><li><p>组件可以使用的选项</p><div class="post-button"><a class="btn" href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/7-%E7%BB%84%E4%BB%B6%E8%AF%A6%E8%A7%A3/#more" rel="contents">阅读全文 &raquo;</a></div></li></ul></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="http://yoursite.com/categories/Linux/linux%E5%B8%B8%E7%94%A8%E5%9C%BA%E6%99%AF/linux-%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/categories/Linux/linux%E5%B8%B8%E7%94%A8%E5%9C%BA%E6%99%AF/linux-%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/" class="post-title-link" itemprop="url">linux 常用命令</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/07/10 00:00:00" itemprop="dateCreated datePublished" datetime="2019-07-10T00:00:00+08:00">2019/07/10</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-check-o"></i> </span><span class="post-meta-item-text">更新于</span> <time title="修改时间：2019/09/27 00:00:00" itemprop="dateModified" datetime="2019-09-27T00:00:00+08:00">2019/09/27</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/Linux/" itemprop="url" rel="index"><span itemprop="name">Linux</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/Linux/linux%E5%B8%B8%E7%94%A8%E5%9C%BA%E6%99%AF/" itemprop="url" rel="index"><span itemprop="name">linux常用场景</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>737</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>1 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><h4 id="查看文件夹大小"><a href="#查看文件夹大小" class="headerlink" title="查看文件夹大小"></a>查看文件夹大小</h4><p><code>du -h --max-depth=1</code> <code>?[folder]</code> 默认是 <code>.</code></p><h4 id="rm-反选"><a href="#rm-反选" class="headerlink" title="rm 反选"></a>rm 反选</h4><p>打开<br><code>shopt -s extglob</code></p><p>删除<br><code>rm !(filename1|filename2)</code></p><p>关闭<br><code>shopt -u extglob</code></p><div class="post-button"><a class="btn" href="/categories/Linux/linux%E5%B8%B8%E7%94%A8%E5%9C%BA%E6%99%AF/linux-%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/#more" rel="contents">阅读全文 &raquo;</a></div></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="http://yoursite.com/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/5-%E5%86%85%E7%BD%AE%E6%8C%87%E4%BB%A4/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/5-%E5%86%85%E7%BD%AE%E6%8C%87%E4%BB%A4/" class="post-title-link" itemprop="url">5.内置指令</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/07/03 00:00:00" itemprop="dateCreated datePublished" datetime="2019-07-03T00:00:00+08:00">2019/07/03</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-check-o"></i> </span><span class="post-meta-item-text">更新于</span> <time title="修改时间：2019/07/05 00:00:00" itemprop="dateModified" datetime="2019-07-05T00:00:00+08:00">2019/07/05</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/" itemprop="url" rel="index"><span itemprop="name">有道云笔记-搬</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">《Vue.js 实战》笔记</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>3.4k</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>3 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><h4 id="5-1-基本指令"><a href="#5-1-基本指令" class="headerlink" title="5.1 基本指令"></a>5.1 基本指令</h4><ul><li><p><code>v-cloak</code></p><figure class="highlight asciidoc"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">作用：解决网速较慢时，Vue.js文件还没加载完，在页面上会显示 未加载数据的状态(如&#123;&#123;message&#125;&#125;)</span><br><span class="line">使用：</span><br><span class="line"><span class="code">    (css)style -&gt; [v-cloak]&#123;display:none&#125; // none !important</span></span><br><span class="line"><span class="section">    &lt;div id=&quot;app&quot; v-cloak&gt;  ...  &lt;/div&gt;</span></span><br><span class="line"><span class="section">----</span></span><br><span class="line">简单的项目可以使用 v-cloak ，工程化项目使用 webpack 和 vue-router</span><br></pre></td></tr></table></figure></li><li><p><code>v-once</code></p><figure class="highlight"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">作用：定义它的元素或组件只渲染一次（包括子节点)。首次渲染后，不再随数据的变化重新渲染，将视为静态内容。</span><br><span class="line"></span><br></pre></td></tr></table></figure><div class="post-button"><a class="btn" href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/5-%E5%86%85%E7%BD%AE%E6%8C%87%E4%BB%A4/#more" rel="contents">阅读全文 &raquo;</a></div></li></ul></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="http://yoursite.com/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E6%94%B6%E8%97%8F/%E6%94%B6%E8%97%8F%EF%BC%9A%E8%92%99%E7%89%B9%E9%9C%8D%E9%97%AE%E9%A2%98/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E6%94%B6%E8%97%8F/%E6%94%B6%E8%97%8F%EF%BC%9A%E8%92%99%E7%89%B9%E9%9C%8D%E9%97%AE%E9%A2%98/" class="post-title-link" itemprop="url">收藏：蒙特霍问题</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/06/20 00:00:00" itemprop="dateCreated datePublished" datetime="2019-06-20T00:00:00+08:00">2019/06/20</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/" itemprop="url" rel="index"><span itemprop="name">有道云笔记-搬</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E6%94%B6%E8%97%8F/" itemprop="url" rel="index"><span itemprop="name">收藏</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>963</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>1 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><p>一个反直觉的概率题 蒙特霍问题或三门问题Monty Hool problem</p><p>自己举一个例子，你做选择题，三个选项，你选了c,然后老师和你说，b是错的，你改不改答案。</p><p>应用，计算一下四个选项时候的概率</p><img src="//tva3.sinaimg.cn/large/005zbIM7ly1g47q397q5fj30fq08faan.jpg" alt=""><h4 id="维基百科："><a href="#维基百科：" class="headerlink" title="维基百科："></a>维基百科：</h4><p>有三种可能的情况，全部都有相等的可能性（1/3）：</p><ul><li><p>参赛者挑汽车，主持人挑两头羊的任何一头。转换将失败。</p></li><li><p>参赛者挑A羊，主持人挑B羊。转换将赢得汽车。</p></li><li><p>参赛者挑B羊，主持人挑A羊。转换将赢得汽车。</p><div class="post-button"><a class="btn" href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E6%94%B6%E8%97%8F/%E6%94%B6%E8%97%8F%EF%BC%9A%E8%92%99%E7%89%B9%E9%9C%8D%E9%97%AE%E9%A2%98/#more" rel="contents">阅读全文 &raquo;</a></div></li></ul></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><article itemscope itemtype="http://schema.org/Article" class="post-block" lang="zh-CN"><link itemprop="mainEntityOfPage" href="http://yoursite.com/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/4-v-bind-%E5%8F%8A-class-%E4%B8%8E-style-%E7%BB%91%E5%AE%9A/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="image" content="/images/avatar.gif"><meta itemprop="name" content="我的名字"><meta itemprop="description" content="一起滚月球吧·"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="人间且慢行"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/4-v-bind-%E5%8F%8A-class-%E4%B8%8E-style-%E7%BB%91%E5%AE%9A/" class="post-title-link" itemprop="url">4.v-bind 及 class 与 style 绑定</a></h2><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间：2019/06/13 00:00:00" itemprop="dateCreated datePublished" datetime="2019-06-13T00:00:00+08:00">2019/06/13</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-check-o"></i> </span><span class="post-meta-item-text">更新于</span> <time title="修改时间：2019/06/14 00:00:00" itemprop="dateModified" datetime="2019-06-14T00:00:00+08:00">2019/06/14</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text"></span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/" itemprop="url" rel="index"><span itemprop="name">有道云笔记-搬</span></a> </span>, <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">《Vue.js 实战》笔记</span></a></span></span><br><span class="post-meta-item" title="本文字数"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i> </span><span class="post-meta-item-text">本文字数：</span> <span>916</span> </span><span class="post-meta-item" title="阅读时长"><span class="post-meta-item-icon"><i class="fa fa-clock-o"></i> </span><span class="post-meta-item-text">阅读时长 &asymp;</span> <span>1 分钟</span></span></div></header><div class="post-body" itemprop="articleBody"><h4 id="4-1-了解-v-bind-指令"><a href="#4-1-了解-v-bind-指令" class="headerlink" title="4.1 了解 v-bind 指令"></a>4.1 了解 <code>v-bind</code> 指令</h4><p><code>v-bind</code>：动态更新<code>HTML</code>元素上的<strong>属性</strong></p><figure class="highlight asciidoc"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">之前的示例：</span><br><span class="line"><span class="code">    v-vind:href=&quot;url&quot;  </span></span><br><span class="line"><span class="code">    v-bind:src=&quot;imgUrl&quot; </span></span><br><span class="line"><span class="section">--&gt;   data:&#123;url:&#x27;   &#x27;, imgUrl:&#x27;  &#x27;&#125;</span></span><br><span class="line"><span class="section">----------------</span></span><br><span class="line"><span class="code">    当数据变化时（如：href,src,class,style），就会重新渲染</span></span><br></pre></td></tr></table></figure><h4 id="4-2-绑定class的几种方式"><a href="#4-2-绑定class的几种方式" class="headerlink" title="4.2 绑定class的几种方式"></a>4.2 绑定<code>class</code>的几种方式</h4><ul><li><p>动态切换 <code>:class=&#123;&#39;class1&#39;:true/false,&#39;class2&#39;:true/false...&#125;</code></p><div class="post-button"><a class="btn" href="/categories/%E6%9C%89%E9%81%93%E4%BA%91%E7%AC%94%E8%AE%B0-%E6%90%AC/%E3%80%8AVue-js-%E5%AE%9E%E6%88%98%E3%80%8B%E7%AC%94%E8%AE%B0/4-v-bind-%E5%8F%8A-class-%E4%B8%8E-style-%E7%BB%91%E5%AE%9A/#more" rel="contents">阅读全文 &raquo;</a></div></li></ul></div><div></div><footer class="post-footer"><div class="post-eof"></div></footer></article><nav class="pagination"><a class="extend prev" rel="prev" href="/page/4/"><i class="fa fa-angle-left" aria-label="上一页"></i></a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/4/">4</a><span class="page-number current">5</span><a class="page-number" href="/page/6/">6</a><span class="space">&hellip;</span><a class="page-number" href="/page/9/">9</a><a class="extend next" rel="next" href="/page/6/"><i class="fa fa-angle-right" aria-label="下一页"></i></a></nav></div><script>window.addEventListener("tabs:register",()=>{let{activeClass:e}=CONFIG.comments;if(CONFIG.comments.storage&&(e=localStorage.getItem("comments_active")||e),e){let t=document.querySelector(`a[href="#comment-${e}"]`);t&&t.click()}}),CONFIG.comments.storage&&window.addEventListener("tabs:click",t=>{t.target.matches(".tabs-comment .tab-content .tab-pane")&&(t=t.target.classList[1],localStorage.setItem("comments_active",t))})</script></div><div class="toggle sidebar-toggle"><span class="toggle-line toggle-line-first"></span> <span class="toggle-line toggle-line-middle"></span> <span class="toggle-line toggle-line-last"></span></div><aside class="sidebar"><div class="sidebar-inner"><ul class="sidebar-nav motion-element"><li class="sidebar-nav-toc">文章目录</li><li class="sidebar-nav-overview">站点概览</li></ul><div class="post-toc-wrap sidebar-panel"></div><div class="site-overview-wrap sidebar-panel"><div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person"><img class="site-author-image" itemprop="image" alt="我的名字" src="/images/avatar.gif"><p class="site-author-name" itemprop="name">我的名字</p><div class="site-description" itemprop="description">一起滚月球吧·</div></div><div class="site-state-wrap motion-element"><nav class="site-state"><div class="site-state-item site-state-posts"><a href="/archives/"><span class="site-state-item-count">84</span> <span class="site-state-item-name">日志</span></a></div><div class="site-state-item site-state-categories"><a href="/categories/"><span class="site-state-item-count">39</span> <span class="site-state-item-name">分类</span></a></div><div class="site-state-item site-state-tags"><a href="/tags/"><span class="site-state-item-count">62</span> <span class="site-state-item-name">标签</span></a></div></nav></div><div class="links-of-author motion-element"><span class="links-of-author-item"><a href="https://github.com/linxiaoki" title="GitHub → https:&#x2F;&#x2F;github.com&#x2F;linxiaoki" rel="noopener" target="_blank"><i class="fa fa-fw fa-github"></i>GitHub</a></span></div></div><div class="back-to-top motion-element"><i class="fa fa-arrow-up"></i> <span>0%</span></div></div></aside><div id="sidebar-dimmer"></div></div></main><footer class="footer"><div class="footer-inner"><div class="copyright">&copy; <span itemprop="copyrightYear">2021</span> <span class="with-love"><i class="fa fa-user"></i> </span><span class="author" itemprop="copyrightHolder">我的名字</span> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"><i class="fa fa-area-chart"></i> </span><span title="站点总字数">174k</span> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"><i class="fa fa-coffee"></i> </span><span title="站点阅读时长">2:38</span></div></div></footer></div><script color="0,134,139" opacity="0.6" zindex="22" count="199" src="/js/src/canvas-nest-nomobile.min.js"></script><script src="/lib/anime.min.js"></script><script src="//cdn.jsdelivr.net/gh/theme-next/theme-next-pjax@0/pjax.min.js"></script><script src="//cdn.jsdelivr.net/npm/medium-zoom@1/dist/medium-zoom.min.js"></script><script src="/lib/velocity/velocity.min.js"></script><script src="/lib/velocity/velocity.ui.min.js"></script><script src="/js/utils.js"></script><script src="/js/motion.js"></script><script src="/js/schemes/muse.js"></script><script src="/js/next-boot.js"></script><script>var pjax=new Pjax({selectors:["head title","#page-configurations",".content-wrap",".post-toc-wrap",".languages","#pjax"],switches:{".post-toc-wrap":Pjax.switches.innerHTML},analytics:!1,cacheBust:!1,scrollTo:!CONFIG.bookmark.enable});window.addEventListener("pjax:success",()=>{document.querySelectorAll("script[data-pjax], script#page-configurations, #pjax script").forEach(e=>{var t=e.text||e.textContent||e.innerHTML||"",a=e.parentNode;a.removeChild(e);var s=document.createElement("script");e.id&&(s.id=e.id),e.className&&(s.className=e.className),e.type&&(s.type=e.type),e.src&&(s.src=e.src,s.async=!1),void 0!==e.dataset.pjax&&(s.dataset.pjax=""),""!==t&&s.appendChild(document.createTextNode(t)),a.appendChild(s)}),NexT.boot.refresh(),CONFIG.motion.enable&&NexT.motion.integrator.init().add(NexT.motion.middleWares.subMenu).add(NexT.motion.middleWares.postList).bootstrap(),NexT.utils.updateSidebarPosition()})</script><script src="/js/local-search.js"></script><div id="pjax"></div><script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({model:{jsonPath:"/live2dw/assets/hijiki.model.json"},display:{position:"left",vOffset:-75,hOffset:10,width:200,height:385},mobile:!1,react:{opacity:.7},log:!1,pluginJsPath:"lib/",pluginModelPath:"assets/",pluginRootPath:"live2dw/",tagMode:!1})</script></body></html>